<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="../../css/weui.min.css"> 
    <link rel="stylesheet" href="../../css/weuix.css"/>
    <script src="../../js/jquery.min.js"></script>
    <script src="../../js/vue.js"></script>
    <script src="../../js/axios.min.js"></script>

    <script src="../../js/f2.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>
    <script src="https://unpkg.com/vue-chartjs/dist/vue-chartjs.min.js"></script>

    <script src="../../js/app.js"></script>
    <script>
        var uid = getUrlParam('uid');
    </script>
    <style>
        .weui-flex_box{
            margin-top: 20px;
        }
        h3{
            color: #ff851b;
            font-size: 1.5em;
        }
        .placeholder {
            margin: 5px;
            padding: 0 10px;
            background-color: #ebebeb;
            height: 4.3em;
            line-height: 4.3em;
            text-align: center;
            color: #ff851b;
            font-size: 1.5em;
        }

        .placeholder2 {
            margin: 5px;
            padding: 10px 10px;
            background-color: #ebebeb;
            text-align: center;
            font-size: 14px;
        }

        .placeholder3 {
            margin: 5px;
            padding: 10px 10px;
            background-color: #ebebeb;
            text-align: center;
            font-size: 14px;
        }
        .weui-form-preview{
            font-size: 15px;
        }

    </style>
</head>

<body>

<div id="app">
    <div class="weui-flex">
        <div class="weui-flex__item"><div class="placeholder">{{report.verify_name}}-运营商报告</div></div>
    </div>

    <div class="weui-tab" id="t3" style="height:44px;">
        <div class="weui-navbar">
            <div class="weui-navbar__item" onclick="location.href='report.html?uid=' + uid + '&oid=' + oid">
                综合报告
            </div>
            <div class="weui-navbar__item" onclick="location.href='report_base.html?uid=' + uid + '&oid=' + oid">
                基础信息
            </div>
            <div class="weui-navbar__item">
                风控决策
            </div>
            <div class="weui-navbar__item" onclick="location.href='report_radar.html?uid=' + uid + '&oid=' + oid">
                多头报告
            </div>
            <div class="weui-navbar__item  tab-blue" >
                运营商报告
            </div>
            <div class="weui-navbar__item" onclick="location.href='report_taobao.html?uid=' + uid + '&oid=' + oid">
                淘宝数据报告
            </div>
            <div class="weui-navbar__item"  onclick="location.href='report_contacts.html?uid=' + uid + '&oid=' + oid">
                手机通讯录
            </div>
            <div class="weui-navbar__item"  onclick="location.href='report_messages.html?uid=' + uid + '&oid=' + oid">
                手机短信
            </div>
        </div>

    </div>


    <div class="weui-flex weui-flex_box">


        <div class="weui-flex__item">
            <div class="placeholder2">
                <h3 class="page-hd-title">
                    基本信息
                </h3>
                <p class="page-hd-desc"></p>
                <div class="weui-form-preview">
                    <div class="weui-form-preview__bd">
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">姓名</label>
                            <span class="weui-form-preview__value" v-html="report.user_basic_info.name"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">性别</label>
                            <span class="weui-form-preview__value" v-html="report.user_basic_info.gender"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">年龄</label>
                            <span class="weui-form-preview__value" v-html="report.user_basic_info.age"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">手机号</label>
                            <span class="weui-form-preview__value" v-html="report.user_basic_info.mobile"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">身份证号码</label>
                            <span class="weui-form-preview__value" v-html="report.user_basic_info.idcard"></span>
                        </div>

                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">邮箱</label>
                            <span class="weui-form-preview__value" v-html="report.user_basic_info.email"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">地址</label>
                            <span class="weui-form-preview__value" v-html="report.user_basic_info.work_address"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">与运营商认证的身份证匹配</label>
                            <span class="weui-form-preview__value" v-html="report.user_basic_info.verify_idcard_no_desc"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">与运营商认证的姓名</label>
                            <span class="weui-form-preview__value"  v-html="report.user_basic_info.verify_name_desc"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="weui-flex__item">
            <div class="placeholder2">
                <h3 class="page-hd-title">
                    6月月均消费金额
                </h3>
                <p class="page-hd-desc"></p>
                <div class="weui-form-preview">
                    <div class="weui-form-preview__bd">
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">套餐类型</label>
                            <span class="weui-form-preview__value"  v-html="detail.data.carrierUserInfo.packageName"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月月均消费总额(分)</label>
                            <span class="weui-form-preview__value"  v-html="report.consumption_detail.total_fee_avg_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">会员等级</label>
                            <span class="weui-form-preview__value"  v-html="detail.data.carrierUserInfo.level"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">积分值</label>
                            <span class="weui-form-preview__value"  v-html="detail.data.carrierUserInfo.point"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">在网时长(月)</label>
                            <span class="weui-form-preview__value"  v-html="report.friend_circle.risk_analysis.in_time"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">可用余额</label>
                            <span class="weui-form-preview__value"  v-html="detail.data.carrierUserInfo.availableBalance"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">套餐归属地</label>
                            <span class="weui-form-preview__value"  v-html="detail.data.carrierUserInfo.city"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">主要活跃地</label>
                            <span class="weui-form-preview__value"   ></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">静默信息：次数、时长</label>
                            <span class="weui-form-preview__value"  ></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="weui-flex weui-flex_box">

        <div class="weui-flex__item">
            <div class="placeholder2">
                <h3 class="page-hd-title">
                    基本信息
                </h3>
                <p class="page-hd-desc"></p>
                <div class="weui-form-preview" id="myChart1">
                    数据加载中...
                </div>
            </div>
        </div>

        <div class="weui-flex__item">
            <div class="placeholder3">
                <h3 class="page-hd-title">
                    近3个月通话时间分析
                </h3>
                <table class="weui-table" >
                    <thead>
                    <tr>
                        <th>通话时间段		</th>
                        <th>通话次数	</th>
                        <th>通话号码数	</th>
                        <th>通话总时长(秒)</th>
                        <th>主叫号码数</th>
                        <th>被叫号码数	</th>
                        <th>最后一次通话时间	</th>
                        <th>第一次通话时间	</th>
                    </tr>
                    </thead>
                    <tbody >

                    <tr v-for="itemtop in report.friend_circle.call_duration_detail_3m">
                        <td title="通话时间段">{{itemtop.time_step}}</td>
                        <td title="通话次数">{{itemtop.total_num}}</td>
                        <td title="通话号码数">{{itemtop.peer_num}}</td>
                        <td title="通话总时长(秒)">{{itemtop.total_time}}	</td>
                        <td title="主叫号码数">{{itemtop.dial_num}}</td>
                        <td title="被叫号码数">{{itemtop.dialed_num}}</td>
                        <td title="最后一次通话时间">{{itemtop.latest_call_time}}</td>
                        <td title="第一次通话时间">{{itemtop.farthest_call_time}}</td>
                    </tr>

                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!--110，120等通话记录-->
    <div class="weui-flex weui-flex_box">
        <div class="weui-flex__item">
            <div class="placeholder2">
                <h3 class="page-hd-title">
                    第三方通 - 110通讯记录
                </h3>
                <p class="page-hd-desc"></p>
                <div class="weui-form-preview">
                    <div class="weui-form-preview__bd">
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近一个月与110通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_110_num_1m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月与110通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_110_num_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月与110通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_110_num_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月与110月均通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_110_num_avg_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月与110月均通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_110_num_avg_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近一个月与110通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_110_time_1m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月与110通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_110_time_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月与110通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_110_time_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月与110月均通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_110_time_avg_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月与110月均通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_110_time_avg_6m"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="weui-flex__item">
            <div class="placeholder2">
                <h3 class="page-hd-title">
                    第三方通 - 120通讯记录
                </h3>
                <p class="page-hd-desc"></p>
                <div class="weui-form-preview">
                    <div class="weui-form-preview__bd">
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近一个月与120通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_120_num_1m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月与120通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_120_num_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月与120通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_120_num_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月与120月均通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_120_num_avg_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月与120月均通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_120_num_avg_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近一个月与120通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_120_time_1m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月与120通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_120_time_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月与120通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_120_time_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月与120月均通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_120_time_avg_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月与120月均通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_120_time_avg_6m"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>


    <!--110，120等通话记录-->
    <div class="weui-flex weui-flex_box">

        <div class="weui-flex__item">
            <div class="placeholder2">
                <h3 class="page-hd-title">
                    第三方通 - 澳门地区通讯记录
                </h3>
                <p class="page-hd-desc"></p>
                <div class="weui-form-preview">
                    <div class="weui-form-preview__bd">
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近一个月与澳门通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_macon_num_1m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月与澳门通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_macon_num_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月与澳门通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_macon_num_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月与澳门月均通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_macon_num_avg_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月与澳门月均通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_macon_num_avg_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近一个月与澳门通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_macon_time_1m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月与澳门通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_macon_time_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月与澳门通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_macon_time_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月与澳门月均通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_macon_time_avg_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月与澳门月均通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_macon_time_avg_6m"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="weui-flex__item">
            <div class="placeholder2">
                <h3 class="page-hd-title">
                    第三方通 - 催收公司通讯记录
                </h3>
                <p class="page-hd-desc"></p>
                <div class="weui-form-preview">
                    <div class="weui-form-preview__bd">
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近一个月与催收公司通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_collection_firm_num_1m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月与催收公司通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_collection_firm_num_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月与催收公司通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_collection_firm_num_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月与催收公司月均通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_collection_firm_num_avg_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月与催收公司月均通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_collection_firm_num_avg_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近一个月与催收公司通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_collection_firm_time_1m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月与催收公司通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_collection_firm_time_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月与催收公司通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_collection_firm_time_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月与催收公司月均通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_collection_firm_time_avg_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月与催收公司月均通话时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_third_part_detail.call_collection_firm_time_avg_6m"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!---用户行为分析-->
    <div class="weui-flex weui-flex_box">
        <div class="weui-flex__item">
            <div class="placeholder2">
                <h3 class="page-hd-title">
                    用户行为分析 - 概况
                </h3>
                <p class="page-hd-desc"></p>
                <div class="weui-form-preview">
                    <div class="weui-form-preview__bd">
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近3个月联系号码数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.friend_num_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近3月联系十次以上的号码数量</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.good_friend_num_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近3个月联系次数最多的归属地</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.friend_city_center_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近3月朋友圈中心地是否与手机归属地一致</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.is_city_match_friend_city_center_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近3个月互通电话的号码数量</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.inter_peer_num_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近6月联系号码数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.friend_num_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近6个月联系十次以上的号码数量	</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.good_friend_num_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近6个月联系次数最多的归属地</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.friend_city_center_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近6月朋友圈中心地是否与手机归属地一致</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.is_city_match_friend_city_center_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近6个月互通电话的号码数量</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.inter_peer_num_6m"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="weui-flex__item">
            <div class="placeholder2">
                <h3 class="page-hd-title">
                    用户行为分析 - 联系人风险分析
                </h3>
                <p class="page-hd-desc"></p>
                <div class="weui-form-preview">
                    <div class="weui-form-preview__bd">
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">入网时长</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.risk_analysis.in_time"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">号码沉默度(近三个月)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.risk_analysis.mobile_silence_3m"></span>
                        </div>

                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">欠费风险度(近三个月)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.risk_analysis.arrearage_risk_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">亲情网风险度</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.risk_analysis.binding_risk"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">号码沉默度(近六个月)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.risk_analysis.mobile_silence_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">欠费风险度(近六个月)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.risk_analysis.mobile_silence_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">欠费风险度(近六个月)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.risk_analysis.arrearage_risk_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">申请人姓名+身份证号码是否出现在法院风险单</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.risk_analysis.is_name_and_idcard_in_court_black"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">申请人姓名+身份证号码是否出现在金融机构风险名单</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.risk_analysis.is_name_and_idcard_in_finance_black"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">申请人姓名+手机号码是否出现在金融机构风险名单</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.risk_analysis.is_name_and_mobile_in_finance_black"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="weui-flex weui-flex_box">
        <div class="weui-flex__item">
            <div class="placeholder2">
                <h3 class="page-hd-title">
                    用户行为分析 - 联系人风险关联项分析
                </h3>
                <p class="page-hd-desc"></p>
                <div class="weui-form-preview">
                    <div class="weui-form-preview__bd">
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">风险类别</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.risk_analysis.risk_check_item.item"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近三个月通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.risk_analysis.risk_check_item.call_num_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近六个月通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.risk_analysis.risk_check_item.call_num_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近三个月通话时间(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.risk_analysis.risk_check_item.call_time_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近六个月通话时间(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.risk_analysis.risk_check_item.call_time_6m"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="weui-flex__item">
            <div class="placeholder2">
                <h3 class="page-hd-title">
                    用户行为分析 - 用户活跃度分析
                </h3>
                <p class="page-hd-desc"></p>
                <div class="weui-form-preview">
                    <div class="weui-form-preview__bd">
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近三个月通话活跃天数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.active_degree.call_day_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近三个月主叫次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.active_degree.dial_num_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近三个月被叫次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.active_degree.dialed_num_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近三个月主叫时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.active_degree.dial_duration_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近三个月被叫时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.active_degree.dialed_duration_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近六个月通话活跃天数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.active_degree.call_day_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近六个月主叫次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.active_degree.dial_num_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近六个月被叫次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.active_degree.dialed_num_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近六个月主叫时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.active_degree.dial_duration_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近六个月被叫时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.active_degree.dialed_duration_6m"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="weui-flex weui-flex_box">
        <div class="weui-flex__item">
            <div class="placeholder2">
                <h3 class="page-hd-title">
                    用户行为分析 - 用户消费分析
                </h3>
                <p class="page-hd-desc"></p>
                <div class="weui-form-preview">
                    <div class="weui-form-preview__bd">
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近三个月消费总额(分)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.consumption_analysis.total_fee_3m"></span>
                        </div>

                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近六个月消费总额(分)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.consumption_analysis.total_fee_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近三个月充值次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.consumption_analysis.recharge_time_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近六个月充值次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.consumption_analysis.recharge_time_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近三个月单次充值最大金额</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.consumption_analysis.recharge_max_amount_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">近六个月单次充值最大金额</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.consumption_analysis.recharge_max_amount_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">账单最新认证时间	</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.consumption_analysis.bill_latest_certification_day"></span>
                        </div>


                    </div>
                </div>
            </div>
        </div>

        <div class="weui-flex__item">
            <div class="placeholder2">
                <h3 class="page-hd-title">
                    用户行为分析 - 通话详情分析
                </h3>
                <p class="page-hd-desc"></p>
                <div class="weui-form-preview">
                    <div class="weui-form-preview__bd">
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近一个月通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_analysis.total_num_1m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_analysis.total_num_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_analysis.total_num_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月月均通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_analysis.total_num_avg_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月月均通话次数</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_analysis.total_num_avg_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近一个月通话总时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_analysis.total_time_1m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月通话总时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_analysis.total_time_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月通话总时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_analysis.total_time_6m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近三个月平均通话总时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_analysis.total_time_avg_3m"></span>
                        </div>
                        <div class="weui-form-preview__item">
                            <label class="weui-form-preview__label">最近六个月平均通话总时长(秒)</label>
                            <span class="weui-form-preview__value" v-html="report.friend_circle.call_analysis.total_time_avg_6m"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="weui-flex weui-flex_box">
        <div class="weui-flex__item">
            <div class="placeholder3">
                <h3 class="page-hd-title">
                    用户行为分析 - 联系人top10(近三个月)
                </h3>
                <table class="weui-table" >
                    <thead>
                    <tr>
                        <th>通话地	</th>
                        <th>对方号码</th>
                        <th>姓名</th>
                        <th>通话号码数</th>
                        <th>通话次数</th>
                        <th>通话时长(秒)</th>
                        <th>主叫次数</th>
                        <th>被叫次数</th>
                        <th>是否命中金融机构风险名单</th>
                    </tr>
                    </thead>
                    <tbody >

                    <tr v-for="itemtop in report.friend_circle.call_num_top10_3m">
                        <td title="通话地">{{itemtop.city}}</td>
                        <td title="对方号码">{{itemtop.peer_number}}</td>
                        <td title="姓名">{{itemtop.peer_name}}</td>
                        <td title="通话号码数">{{itemtop.peer_number_count}}</td>
                        <td title="通话次数">{{itemtop.call_num}}	</td>
                        <td title="通话时长(秒)">{{itemtop.call_time}}</td>
                        <td title="主叫次数">{{itemtop.dial_num}}</td>
                        <td title="被叫次数">{{itemtop.dialed_num}}</td>
                        <td title="是否命中金融机构风险名单">{{itemtop.is_hit_net_load_black}}</td>
                    </tr>

                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="weui-flex weui-flex_box">
        <div class="weui-flex__item">
            <div class="placeholder3">
                <h3 class="page-hd-title">
                    用户行为分析 - 联系人top10(近六个月)
                </h3>
                <table class="weui-table" >
                    <thead>
                    <tr>
                        <th>通话地	</th>
                        <th>对方号码</th>
                        <th>姓名</th>
                        <th>通话号码数</th>
                        <th>通话次数</th>
                        <th>通话时长(秒)</th>
                        <th>主叫次数</th>
                        <th>被叫次数</th>
                        <th>是否命中金融机构风险名单</th>
                    </tr>
                    </thead>
                    <tbody >

                    <tr v-for="item in report.friend_circle.call_num_top10_6m">
                        <td title="通话地">{{item.city}}</td>
                        <td title="对方号码">{{item.peer_number}}</td>
                        <td title="姓名">{{item.peer_name}}</td>
                        <td title="通话号码数">{{item.peer_number_count}}</td>
                        <td title="通话次数">{{item.call_num}}	</td>
                        <td title="通话时长(秒)">{{item.call_time}}</td>
                        <td title="主叫次数">{{item.dial_num}}</td>
                        <td title="被叫次数">{{item.dialed_num}}</td>
                        <td title="是否命中金融机构风险名单">{{item.is_hit_net_load_black}}</td>
                    </tr>

                    </tbody>
                </table>
            </div>
        </div>
    </div>


</div>


<script>

    var uid = getUrlParam('uid');
    var oid = getUrlParam('oid');
    var app = new Vue({
        el: '#app',
        data: {
            uid:0,
            detail:'',
            report:'',
        },
        mounted: function () {
            this.carrieDataRreport();
            this.carrieData();
        },
        methods: {
            carrieData: function () {
                var vm = this;
                axios.post('/api/user/report/carrier/data', {
                    uid:uid,
                    oid:oid
                }).then(function (response) {
                    var obj = response.data;
                    if(obj.code == 0) {
                        vm.detail = obj.data;
                    }
                }).catch(function (response) {
                    console.log(response);
                });
            },
            carrieDataRreport: function () {
                var vm = this;
                axios.post('/api/user/report/carrier', {
                    uid:uid,
                    oid:oid
                }).then(function (response) {
                    var obj = response.data;
                    if(obj.code == 0) {
                        vm.report = obj.data;
                        vm.$nextTick(function(){
                            $("#myChart1").html('<canvas id="myChart" width="400" height="260"></canvas>')
                            //friend_circle.call_duration_detail_3m
                            var chartLabels = [];
                            var chartData1 = [];
                            var chartData2 = [];
                            var chartData3 = [];
                            var chartData4 = [];
                            for(i = 0;i < vm.report.friend_circle.call_duration_detail_3m.length;i ++) {
                                var item = vm.report.friend_circle.call_duration_detail_3m[i];
                                chartLabels[i] = item.time_step;
                                chartData1[i] = item.dial_num;
                                chartData2[i] = item.dialed_num;
                                chartData3[i] = item.total_num;
                                chartData4[i] = item.peer_num;
                            }
                            var ctx2 = document.getElementById("myChart");

                            var myChart2 = new Chart(ctx2, {
                                type: "line",
                                data: {
                                    labels: chartLabels,
                                    datasets: [
                                        {
                                            label: "主叫号码数",
                                            backgroundColor: "rgba(225,10,10,0.3)",
                                            borderColor: "rgba(225,103,110,1)",
                                            borderWidth: 1,
                                            pointStrokeColor: "#fff",
                                            pointStyle: "crossRot",
                                            data: chartData1,
                                            cubicInterpolationMode: "monotone",
                                            spanGaps: "false",
                                            fill: "false"
                                        },
                                        {
                                            label: "被叫号码数",
                                            backgroundColor: "rgba(225,255,10,0.3)",
                                            borderColor: "rgba(225,230,110,1)",
                                            borderWidth: 1,
                                            pointStrokeColor: "#ff0000",
                                            pointStyle: "crossRot",
                                            data: chartData2,
                                            cubicInterpolationMode: "monotone",
                                            spanGaps: "false",
                                            fill: "false"
                                        },
                                        {
                                            label: "通话次数",
                                            backgroundColor: "rgba(225,255,10,0.3)",
                                            borderColor: "rgba(225,230,110,1)",
                                            borderWidth: 1,
                                            pointStrokeColor: "#ff0000",
                                            pointStyle: "crossRot",
                                            data: chartData3,
                                            cubicInterpolationMode: "monotone",
                                            spanGaps: "false",
                                            fill: "false"
                                        },
                                        {
                                            label: "通话号码数",
                                            backgroundColor: "rgba(225,255,10,0.3)",
                                            borderColor: "rgba(225,230,110,1)",
                                            borderWidth: 1,
                                            pointStrokeColor: "#ff0000",
                                            pointStyle: "crossRot",
                                            data: chartData4,
                                            cubicInterpolationMode: "monotone",
                                            spanGaps: "false",
                                            fill: "false"
                                        }
                                    ]
                                },
                                options: {

                                }

                            });
                        });
                    } else {
                        alert(obj.text);
                    }
                }).catch(function (response) {
                    console.log(response);
                });
            }
        }
    });
</script>

</body>
</html>
